<template>
  <div class="son">
    <h1>我有这么多钱啊{{ money }}</h1>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
//孩子自己的钱
const money = ref(1000000);
const fly = (car:string)=>{
  console.log('我是儿子的方法,我可以飞');
  console.log(car);
}
//每一个组件内部数据对外默认是关闭的!!!!
//因此vue对外提供一个函数,defineExpose对外暴露数据
defineExpose({
  money,
  fly
})
</script>

<style scoped>
.son {
  width: 300px;
  height: 300px;
  background-color: pink;
}
</style>